<seed-content #content>
  <seed-toolbar-header>
    <seed-toolbar-title>票务</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>

  <div class="seed-train-box gray-background">
    <seed-infinite-scroll (infiniteScroll)="getGoodsTicketList()" *ngIf="ticketsList.length>0">
      <seed-card class="seed-flexbox" *ngFor="let item of ticketsList"  (click)="goToTicketDetailPage(item.code)"> <!--卡片的形式出现-->
        <seed-img [lazyLoadImg]=" item.imgList && item.imgList[0].goodsThumbUrl " [defaultImg]="'longer'"></seed-img><!--图片-->
        <div class=" seed-ticket-card seed-flexbox seed-flexbox-item2 seed-flexbox-column seed-flexbox-content-between">
            <div class="ticket-card-title">
            <p class=" ticket-card-name seed-line-clamp2">{{item.name | truncate:15 }}<!--图片名称-->
            <span class="ticket-cate-name">{{item.cateName }}</span><!--标签-->
            </p>
            </div>
            <div class=" ticket-time-status seed-flexbox seed-flexbox-content-center seed-flexbox-column">
              <seed-item class=" ticket-card-time seed-flexbox seed-flexbox-content-between badge" >
                <time class="ticket-the-time" *ngIf="!item.endDateTime">{{item.startDateTime | dateChange}}</time>
                <time class="ticket-the-time" *ngIf="item.endDateTime">{{item.startDateTime | date:'yyyy/MM/dd'}}
                  <span>-</span>
                  <span>{{item.endDateTime | date:'yyyy/MM/dd'}}</span>
                </time>


              </seed-item>
            </div>
            <div class="ticket-card-address">
              <seed-item class="seed-item-block badge">
                <span class="all-the-time">地址：{{item.address[1]}}&nbsp;{{item.address[2]}}</span><!--地点-->
              </seed-item>
              <div class=" ticket-card-status">
                <span class="ticket-sell-status" *ngIf="item.status  == 2">销售中</span>
                <span  class="ticket-warm-status" *ngIf="item.status  == 3">预热中</span>
                <span  class="ticket-out-status" *ngIf="item.status  == 4">已售罄</span>
              </div>
            </div>
            <div class="ticket-card-price">
                <span class="goods-price-symbol" *ngIf=" item.minPrice  == item.maxPrice && item.minPrice > 0">
                  ¥{{item.minPrice  | money }} </span>
                <span class="goods-price-symbol" *ngIf="item.minPrice == 0">¥0<span class="goods-price-qi">起</span></span>
                <span class="goods-price-symbol" *ngIf="item.minPrice != item.maxPrice && item.minPrice > 0">
                  ¥{{item.minPrice  | money }}<span class="goods-price-qi">起</span></span><!--价格-->
              <!--<seed-item class=" ticket-card-status">--><!--状态 2-销售中 3-预热中 4-已售罄-->

            </div>
        </div>

      </seed-card>
    </seed-infinite-scroll>

    <seed-default-graph [text]="'暂无票务信息'" *ngIf="!store.hasData">
    </seed-default-graph>
  </div>
</seed-content>
